<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="Generator" content="EditPlus®">
	<meta name="Author" content="小生">
	<meta name="Keywords" content="公众号：UnseeR">
	<meta name="Description" content="公众号：U-I6411">
	<meta http-equiv="refresh" content=";url=">
	<link rel="icon" href="公众号：UnseeR.ico" type="image/x-ico">

	<!--分隔式-->
	<style type="text/css">
		@import url("chap.css");

	</style>
	<script type="text/JavaScript">
		alert("关注公众号：UnseeR,了解更多内容");
	</script>

	<title>Chap 1</title>
</head>

<body>
	<base target="_top" />
	<!--目录-->
	<hr class="hr_chap">
	<div>
		<h2 id="chap1 1" align="center">
			<a name="1">
				<a style="text-decoration:none" href="#1 Web前端开发技术综述">
					第一章 Web前端开发技术综述
				</a>
			</a>
		</h2>

		<h3 id="chap1 1.1">
			<a name="1.1">
				<a style="text-decoration:none" href="#1.1 Web概述">
					1.1 Web概述
					<abbr title="1.1 Web概述">
						--------------------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h3>

		<h4 id="chap1 1.1.2">
			<a name="1.1.2">
				<a style="text-decoration:none" href="#1.1.2 Web的特点">
					1.1.2 Web的特点<abbr title="1.1.2 Web的特点">
						-------------------------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h4>

		<h4 id="chap1 1.1.3">
			<a name="1.1.3">
				<a style="text-decoration:none" href="#1.1.3 Web工作原理">
					1.1.3 Web工作原理
					<abbr title="1.1.3 Web工作原理">
						-----------------------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h4>

		<h4 id="chap1 1.1.4">
			<a name="1.1.4">
				<a style="text-decoration:none" href="#1.1.4 Web相关概念">
					1.1.4 Web相关概念
					<abbr title="1.1.4 Web相关概念">
						-----------------------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h4>

		<h3 id="chap1 1.3">
			<a name="1.3">
				<a style="text-decoration:none" href="#1.3 Web 前端开发技术">
					1.3 Web 前端开发技术
					<abbr title="1.3 Web 前端开发技术">
						----------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h3>

		<h4 id="chap1 1.3.1">
			<a name="1.3.1">
				<a style="text-decoration:none" href="#1.3.1 HTML">
					1.3.1 HTML
					<abbr title="1.3.1 HTML">
						------------------------------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h4>

		<h4 id="chap1 1.3.2">
			<a name="1.3.2">
				<a style="text-decoration:none" href="#1.3.2 CSS">
					1.3.2 CSS
					<abbr title="1.3.2 CSS">
						---------------------------------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h4>

		<h4 id="chap1 1.3.3">
			<a name="1.3.3">
				<a style="text-decoration:none" href="#1.3.3 JavaScript">
					1.3.3 JavaScript
					<abbr title="1.3.3 JavaScript">
						--------------------------------------------------------------------------------------------------------------------------------
					</abbr>
				</a>
			</a>
		</h4>
	</div>
	<hr class="hr_chap">

	<!--第一章 Web前端开发技术综述-->
	<h2 class="h2_chap">
		<abbr title="点击返回目录">
			<a name="1 Web前端开发技术综述">
				<a href="#1">
					第一章 Web前端开发技术综述
				</a>
			</a>
		</abbr>
	</h2>

	<!--1.1 Web概述-->
	<h3 class="h3_impo">
		<abbr title="点击返回目录">
			<a name="1.1 Web概述">
				<a href="#1.1">
					1.1 Web概述
				</a>
			</a>
		</abbr>
	</h3>
	<ul>
		<li>
			<font>
				<aside>
					1980 年<abbr title="蒂姆•伯纳斯•李"> Tim Berners-Lee</abbr>
					建议建立一个以超文本系统为基础的项目。与Robert Cailliau一起建立了
					一个叫ENQUIRE的原型系统。
				</aside>
			</font>
		</li>
		<li>
			<font>
				<aside>
					1984年Tim Berners-Lee创立了万维网。写了世界上第一个网页浏览器（<blink>World Wide Web</blink>）和第一个网页服务器（<blink> httpd
					</blink>）。
				</aside>
			</font>
		</li>
		<li>
			<font>
				<aside>Tim Berners-Lee 建立了世界上第一个网站<abbr title=" http://info.cern.ch/hypertext/WWW/TheProject.html">
						<b> http://info.cern.ch </b>
					</abbr>。
				</aside>
			</font>
		</li>
	</ul>

	<!--1.1.2 Web的特点-->
	<h3 class="h3_seco">
		<abbr title="点击返回目录">
			<a name="1.1.2 Web的特点">
				<a href="#1.1.2">
					1.1.2 Web的特点
				</a>
			</a>
		</abbr>
	</h3>
	<ul>
		<li>
			<font>1、易导航和图形化的界面；</font>
		</li>
		<li>
			<font>2、与平台无关性；</font>
		</li>
		<li>
			<font>3、分布式结构；</font>
		</li>
		<li>
			<font>4、动态性；</font>
		</li>
		<li>
			<font>5、交互性；</font>
		</li>
	</ul>

	<!--1.1.3 Web工作原理-->
	<h3 class="h3_seco">
		<abbr title="点击返回目录">
			<a name="1.1.3 Web工作原理">
				<a href="#1.1.3">
					1.1.3 Web工作原理
				</a>
			</a>
		</abbr>
	</h3>
	<ul>
		<li>
			<font>1、浏览器地址输入想要访问网站首页的地址；</font>
		</li>
		<li>
			<font>2、用户向浏览器发送访问首页的请求；</font>
		</li>
		<li>
			<font>3、服务器收取客户端的访问请求；</font>
		</li>
		<li>
			<font>4、服务器处理请求；</font>
		</li>
		<li>
			<font>5、服务器将请求的处理结构在客户端的浏览器显示。</font>
		</li>
	</ul>

	<!--1.1.4 Web相关概念-->
	<h3 class="h3_seco">
		<abbr title="点击返回目录">
			<a name="1.1.4 Web相关概念">
				<a href="#1.1.4">
					1.1.4 Web相关概念
				</a>
			</a>
		</abbr>
	</h3>
	<ul>
		<li>
			<font>
				<aside>
					<b>统一资源定位器</b>
					（<abbr title="Uniform Resource Locator">URL</abbr>）：
					也被称为网页地址，是因特网上标准的资源的地址；
				</aside>
			</font>
		</li>
		<li>
			<font>协议类型：
				<aside><b>// 服务器地址（端口号）/ 路径 / 文件</b>；</aside>
			</font>
		</li>
		<li>
			<font> Web服务器：也称为网站，指在Internet上提供Web
				访问服务的站点；
			</font>
		</li>
		<li>
			<font> 超链接（Hyper Link）：指从一个网页指向另一个
				目标连接关系，这个目标可以是另一网页，也可以是相同网页上的不同位置，
				还可以是一个图片、电子邮件地址、文件，甚至是应用程序；
			</font>
		</li>
		<li>
			<font>从IE浏览器菜单中选择查看-源文件命令，可以在打开
				的记事本中查看网页的源代码。
			</font>
			<img hspace="20px" vspace="20px" width="500px" height="370px" src="1.1.4 Web相关概念.png"
				alt="1.1.4 Web相关概念.png">
		</li>
	</ul>

	<!--1.3 Web前端开发技术-->
	<h3 class="h3_impo">
		<abbr title="点击返回目录">
			<a name="1.3 Web 前端开发技术">
				<a href="#1.3">
					1.3 Web前端开发技术
				</a>
			</a>
		</abbr>
	</h3>

	<!--1.3.1 HTML-->
	<h3 class="h3_seco">
		<abbr title="点击返回目录">
			<a name="1.3.1 HTML">
				<a href="#1.3.1">
					1.3.1 HTML
				</a>
			</a>
		</abbr>
	</h3>
	<ul>
		<li>
			<font>
				<aside>
					<abbr title="Hyper Text Markup Language">
						HTML</abbr>是超文本标记语言，
					<blink>
						非编程语言
					</blink>；
				</aside>
			</font>
		</li>
		<li>
			<font>
				<aside>
					HTML是<abbr
						title="Standard Generalized Markup Language">SGML</abbr>（<b>标准通用标记语言</b>）下的一个应用（也称为子集），也是一种标准规范，它通过标记符号来标记要显示的网页中的各个部分。
				</aside>
			</font>
		</li>
		<li>
			<font>HTML是构成Web页面的基础；</font>
		</li>
		<li>
			<font>HTML文档：用来描述网页，由HTML标记和纯文本构成
				文本文件。</font>
		</li>
	</ul>

	<!--1.3.2 CSS-->
	<h3 class="h3_seco">
		<abbr title="点击返回目录">
			<a name="1.3.2 CSS">
				<a href="#1.3.2">
					1.3.2 CSS
				</a>
			</a>
		</abbr>
	</h3>
	<ul>
		<li>
			<font>
				<aside>
					<abbr title="Cascading Style Sheet">
						CSS</abbr> 语言是一种<blink>标记语言</blink>，
					不需要编译，属于<b>浏览器解释型语言</b>，
					可以由浏览器解释执行；
				</aside>
			</font>
		</li>
		<li>
			<font>
				<abbr title="Cascading Style Sheet">
					CSS</abbr>
				<blink>级联样式表</blink>：可以有效地
				对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。
			</font>
		</li>
	</ul>

	<!--1.3.3 JavaScript-->
	<h3 class="h3_seco">
		<abbr title="点击返回目录">
			<a name="1.3.3 JavaScript">
				<a href="#1.3.3">
					1.3.3 JavaScript
				</a>
			</a>
		</abbr>
	</h3>
	<ul>
		<li>
			<font>
				<aside>
					JavaScript是一种基于对象和事件驱动并具有相
					对安全性的<b>客户端脚本语言</b>，常用来给
					html网页添加动态的功能；
				</aside>
			</font>
		</li>
		<li>
			<font>
				<aside>
					JavaScript的出现使用户和网页之间实现了一
					种<blink>实时性的</blink>、<blink>
						动态的</blink>、<blink>交互性</blink>的关系；
				</aside>
			</font>
		</li>
		<li>
			<font>
				JavaScript是一种由<abbr title="Netscape">网景公司</abbr>的LiveScript发展而来的客户端脚本语言，主要目的是
				为了解决服务器端语言，提供数据验证的基本功能；
			</font>
		</li>
		<li>
			<font>
				<aside>
					一个完整的JavaScript实现是由以下3个不同部分
					组成的：<blink>核心</blink>（ECMAScript）、
					<blink>文档对象模型</blink>（DOM）、
					<blink>浏览器对象模型</blink>（BOM）。
				</aside>
			</font>
		</li>
	</ul>

	</font>
</body>

</html>
